<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        p{
            color:#ff0000;
        }
    </style>
</head>
<body>
<form method="get" action="#" enctype="multipart/form-data">
    输入框：<input type="text" name="user" placeholder="用户名"><br>
    日期输入框：<input type="date" name="date"><br>
    日期输入框(具体到时分)：<input type="datetime-local" name="datetime"><br>
    日期输入框(month)：<input type="month" name="month"><br>
    日期输入框(time)：<input type="time" name="time"><br>
    日期输入框(week)：<input type="week" name="week"><br>
    颜色选择框：<input type="color" name="color"><br>
    密码输入框：<input type="password" name="pwd" placeholder="密码"><br>
   datalist为输入框设置预选值<input list="data" name="data">
    <datalist id="data">
        <option value="12"></option>
        <option value="34"></option>
        <option value="56"></option>
    </datalist><br>
    单选按钮：<input type="radio" name="radio" value="1"checked>1
    <input type="radio" name="radio" value="2">2<br>
    多选按钮：<input type="checkbox" name="checkbox" value="1">1
    <input type="checkbox" name="checkbox" value="2">2
    <input type="checkbox" name="checkbox" value="3">3<br>
    下拉列表框：<select name="select">
        <option value="1">1</option>
        <option value="2" selected>2</option>
        <option value="3">3</option>
    </select><br>
    文本：<textarea name="jingli" rows="6" placeholder="请填写个人经历"></textarea><br>
    文件：<input type="file" name="file"><br>
    邮箱：<input type="email" name="email"><br>
    包含电话号码的片段(目前只有 Safari 8 支持 tel 类型。)：<input type="tel" name="tel"><br>
    网址：<input type="url" name="url"><br>
    数字：<input type="number" name="num" min="0" max="100" step="10"><br>
    滑块：<input type="range" name="range"><br>
    搜索框：<input type="search"><br>
    <input type="button" value="Click me" onclick="alert('Hello World!')"><br>
    <input type="submit" value="登陆">&nbsp;<button type="reset">重置</button>

</form>
</body>
</html>